import React from "react";
import { useLocation, useParams, useSearchParams } from "react-router-dom";
const C = () => {
  // 问号传参获取
  // 可以使用useLocation钩子函数接收
  // const location = useLocation();
  // const usp = new URLSearchParams(location.search);
  // console.log(usp.get("id"), usp.get("name"));

  // // 可以使用useSearchParams接收,返回一个数组
  // let [usp] = useSearchParams();
  // console.log(usp.get("id"), usp.get("name"));

  // 路径传参
  // 只有一个useMatch 但是这个获取不到数据，一般不用这个，使用钩子函数useParams（）
  // const param = useParams();
  // console.log("param", param);

  // 隐式传参
  const location = useLocation();
  console.log(location.state);

  return <div>组件C的内容</div>;
};

export default C;
